<template>
    <div class='makeups'>
      <makeups-nav></makeups-nav>
      <photos-area></photos-area>
    </div>
</template>
<script>

    import makeupsNav from './makeups/makeupsNav.vue'
    import photosArea from './makeups/photosArea.vue'
    export default {
        props: {},
        data(){
            return {}
        },
        beforeCreate(){
        },
        created(){

        },
        beforeMount(){
        },
        mounted(){
        },
        beforeDestroy(){
        },
        destroyed(){
        },
        methods: {},
        components: {
          makeupsNav,
          photosArea,

        }
    }
</script>
<style scoped>
  .makeups{
    width: 31rem;
    height: 100%;
    position: relative;
  }

</style>
